/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {  
    --primary-color:  #5d18dc;
    --primary-dark-color:  white;
    --primary-light-color:  #F8D57E;
    --black-dark-color: #5c6168;

    --text-color:#2D3748;

    --header-menu-height: 68px;
    --footer-copyright-height: 56px;

    // --text-custom-color:white;
    --text-custom-color:#2D3748;

    // --secondary-color: #4682b4;
    /* 修改默认element的颜色 */
    // --el-color-primary: red ; /* 修改主色调 */  
    // --el-color-success: yellow; /* 修改成功色调 */  
    // --el-color-warning: #E6A23C; /* 修改警告色调 */  
    // --el-color-danger: #F56C6C;  /* 修改危险色调 */  
    // --el-color-info: #909399;    /* 修改信息色调 */
    // --el-bg-color-overlay: rgba(0, 0, 0, .4);  /* 修改遮罩层颜色 */
      
}  
.custom-form{
    --el-text-color-regular: #2D3748;
    --el-border-color: #e5e7eb;
}
.btn-bg-custom{
    background-color: var(--primary-color);
}
[data-theme=dark]{
    --text-custom-color:#2D3748;
    background-color: var(--primary-dark-color) !important;
    .pattern{
        background-color:var(--primary-color)!important;
    }
    .btn-custom{
        color: var(--black-dark-color);
        background-color: var(--primary-light-color);
    }
}

[data-theme=light]{
    --text-custom-color:white;
    .btn-custom{
        color: #fff;
        background-color: var(--black-dark-color);
    }
    .pattern{
        background-color:none!important;
        background-image:none!important;
    }
    .splitpanes_custom_theme{
        :deep(.splitpanes__splitter){
            width: 0px!important;
            background-color: var(--black-dark-color)!important;
            border-left-color: var(--black-dark-color)!important;
        }
    }
}


/* light */
.pattern{
    background-color:var(--primary-color)!important;
}
.btn-custom{
    color: var(--black-dark-color);
    background-color: var(--primary-light-color);
}